<!-- DOCTYPE:告诉浏览器，我们需要什么规范。 -->
<!DOCTYPE html>
<html lang="en">
  <!-- 网页头部 -->
  <head>
    <!-- meta描述标签，用来描述网站的一些信息 -->
    <meta charset="UTF-8" />
    <meta name="keywords" content="吴凡" />
    <meta name="description" content="description的意思是描述" />
    <title>第一个网站</title>
  </head>
  <!-- 网页主题 -->
  <body>
    <!-- 使用name作为标记 -->
    <a name="top">顶部</a>
    hello world!
    <!-- 标题标签 -->
    <h1>hello world!</h1>
    <h2>hello world!</h2>
    <!-- 段落标签 -->
    <p>你存在</p>
    <p>我深深地脑海里</p>
    <p>......</p>
    <p>.........</p>
    <!-- 换行标签 -->
    你存在<br />
    我深深地脑海里<br />
    ........<br />
    ........<br />
    <!-- 水平线标签 -->
    <hr />
    <!-- 字体样式：粗体斜体 -->
    粗体：<strong>i love you</strong> 斜体：<em>i love you</em>
    <br />
    <!-- 特殊符号 -->
    空格 空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格<br />
    版权号：&copy;版权所有吴凡<br />
    <!-- 图像标签 
    src  ：图像地址（必填）相对地址推荐使用
    ../  :上一级目录
    alt  ：图片名字（必填）
    -->
    <img
      src="D:\WuFan\Workspaces\First\ziyuan\image\1.jpg"
      alt="学习笔记"
      title="笔记"
      width="500"
      height="400"
    />
    <br />
    <!-- 链接标签
    href  :必填，表示要跳转的那个网页
    target：表示窗口在哪里打开
      _blank  :在新标签里打开
      _self   :在自己的网页打开
    -->
    <a href="helloworld.html" target="_blank">百度1</a>
    <br />
    <a href="helloworld.html" target="_self">百度2</a>
    <br />
    <a href="helloworld.html" target="_self">
      <img
        src="D:\WuFan\Workspaces\First\ziyuan\image\1.jpg"
        alt="学习笔记"
        title="笔记"
        width="500"
        height="400"
      />
    </a>
    <p>
      <a href="helloworld.html" target="_self">
        <img
          src="D:\WuFan\Workspaces\First\ziyuan\image\1.jpg"
          alt="学习笔记"
          title="笔记"
          width="500"
          height="400"
        />
      </a>
    </p>
    <p>
      <a href="helloworld.html" target="_self">
        <img
          src="D:\WuFan\Workspaces\First\ziyuan\image\1.jpg"
          alt="学习笔记"
          title="笔记"
          width="500"
          height="400"
        />
      </a>
    </p>
    <p>
      <a href="helloworld.html" target="_self">
        <img
          src="D:\WuFan\Workspaces\First\ziyuan\image\1.jpg"
          alt="学习笔记"
          title="笔记"
          width="500"
          height="400"
        />
      </a>
    </p>
    <p>
      <a href="helloworld.html" target="_self">
        <img
          src="D:\WuFan\Workspaces\First\ziyuan\image\1.jpg"
          alt="学习笔记"
          title="笔记"
          width="500"
          height="400"
        />
      </a>
    </p>
    <p>
      <a href="helloworld.html" target="_self">
        <img
          src="D:\WuFan\Workspaces\First\ziyuan\image\1.jpg"
          alt="学习笔记"
          title="笔记"
          width="500"
          height="400"
        />
      </a>
    </p>
    <!--锚链接
    1.需要一个锚标记
    2.跳转到标记
    3.也可以进行页面的跳转<a href="xxxx.html#标记处"
    -->
    <a href="#top">回到首页</a>
  </body>
</html>
